<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Hyves.net - Always in touch with your friends</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="<%=basePath %>/style/main.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath %>/style/style20.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath %>/images/favicon.ico" type="image/x-icon"
			rel="shortcut icon" />
		<link href="<%=basePath %>/style/ie6.css" type="text/css"
			rel="stylesheet" />
		<script language="javascript"
			src="<%=basePath%>/script/jquery1.3.2.js" type="text/javascript"></script>
	</head>
	<body>

		<jsp:include page="/site/common/header.jsp"></jsp:include>

		<!-- content begin -->
		<div id="page-con">
			<div id="page-con-hdr">
				<div class="box">
					<div id="page-con-info">
						<h1>
							Home
						</h1>
					</div>
					<div id="page-con-optns">
						<ul class="more">
							<li class="first">
								<span class="rsaquo">› </span><a href="<%=basePath %>/profile/">公共主页</a>
							</li>
						</ul>
					</div>
					<div class="box-con-bg"></div>
				</div>
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-hdr -->
			<div id="page-con-body">
				<div class="wrapper w8">
					<div class="section s1">
						<div class="box homepage-welcome">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										Welcome ${user.nick }
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<div class="user-banner">
											<div class="avatar small">
												<a class="avatar-link" title="${user.nick }"
													href="<%=basePath %>/profile/"><img class="avatar-img"
														alt="${user.nick }"
														src="<%=basePath %>/${user.header }" /> </a>
												<p class="avatar-name">
													<a title="${user.nick }" href="<%=basePath %>/profile/">${user.nick
														}</a>
												</p>
											</div>
										</div>
										<div class="updates-list messages">
											<s:if test="#msg!=0">
											<h3 class="icon icon-email">
												<b>新消息</b>
											</h3>
											<ul>
												<li class="first">
													您有
													<a href="<%=basePath %>/messages/inbox/"> <b>${msg
															}</b>
													</a> 条未读消息
												</li>
											</ul>
											</s:if>
											<p>
												&hearts;&gt;
												<a href="<%=basePath %>/profile/">去看看您的个人主页吧</a>
											</p>
										</div>
										<div class="updates-list whatsnext">
											<h3 class="icon icon-lightbulb">
												Next step:
											</h3>
											<ul class="Bullets">
												<li class="first">
													<a
														href="http://www.hyves.nl/index.php?l1=fr&amp;l2=wi&amp;l3=hm"><b>Find
															out</b> which of your friends have already joined!</a>
												</li>
											</ul>
										</div>
										<div class="homepage-welcome-ad"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="box buzz list-view homepage-buzz" id="h_902">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<a href="http://www.hyves.nl/newsfeed/"><span
											class="box-icon icon icon-group-go">&nbsp;</span>Buzz</a>
									</h2>
									<div class="box-actns">
										<ul>
											<li class=" first">
												<a class="action-text" href="http://www.hyves.nl/famous/">Famous
													hyvers</a>
											</li>
											<li>
												<a class="action-text"
													href="http://www.hyves.nl/profilemanage/settings/buzz/">Buzz
													settings</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="singlecontent_block" id="newsfeed_friends_async"></div>
									<div class="more">
										<span class="rsaquo">› </span><a
											href="http://www.hyves.nl/newsfeed/">View all buzz </a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- section s1 -->
					<div class="section s2">
						<div class="overview_block">
							<div class="box">
								<div class="box-hdr">
									<div class="box-hdr-bg"></div>
									<div class="box-hdr-inner">
										<h2>
											<span class="box-icon icon icon-star">&nbsp;</span><a
												href="http://www.hyves.nl/index.php?l1=fr&amp;l2=wi&amp;l3=hm">Who's
												in?</a>
										</h2>
									</div>
								</div>
								<div class="box-con">
									<div class="box-con-bg"></div>
									<div class="box-con-inner">
										<ul class="avatar-list">
											<s:iterator value="newJoinUser" id="u">
												<li class="first">
													<div class="avatar medium">
														<a class="avatar-link" title="${u.nick }"
															href="<%=basePath %>/profile/?id=${u.id }"><img
																class="avatar-img" alt="${u.nick }"
																src="<%=basePath %>/${u.header }" /> </a>
													</div>
												</li>
											</s:iterator>
											<li class="first">
												<br />
												Check out which of your friends have already joined Hyves!
												<a
													href="http://www.hyves.nl/index.php?l1=fr&amp;l2=wi&amp;l3=hm">more...</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="box www-panel content-item-list">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<a href="http://www.hyves.nl/friends/whowhatwhere/"><span
											class="box-icon icon icon-world">&nbsp;</span>WhoWhatWhere</a>
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<a id="www-panel-toggle" onclick="return false;"
											href="javascript:void(0);">v</a>
										<div class="more">
											<span class="rsaquo">› </span><a
												onclick="showLocationHistoryFormPopup('www_home', 'What are you doing?', false, 'http://www.hyves.nl/friends/whowhatwhere/');; return false;"
												href="javascript:void(0);">What are you doing?</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- section s2 -->
				</div>
				<!-- wrapper w8 -->
				<div class="hr">
					<hr />
				</div>
				<div class="wrapper w8">
					<div class="section s1" id="dndos_left">
						<div class="box">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<span class="box-icon icon icon-whatsnext-1">&nbsp;</span>Invite
										your friends
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<img alt="Invite your friends"
										src="homepage.files/whatsnext-friends.png" align="right" />
									The more friends, the more you enjoy Hyves. Your friends are
									probably already on Hyves, you just have to find them.
									<ul class="bullet">
										<li>
											<a href="http://www.hyves.nl/friends/invite/whosin/">Compare
												your addressbook</a> to ours
										</li>
										<li>
											You'll find here some suggestions of people that you may
											<a href="http://www.hyves.nl/friends/networktool/">know</a>.
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="box">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<span class="box-icon icon icon-whatsnext-2">&nbsp;</span>Networks
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<img alt="Networks" src="homepage.files/whatsnext-network.png"
										align="right" />
									Join the networks of your favorite:
									<ul class="bullet">
										<li>
											<a href="http://www.hyves.nl/spot/">hangouts, the
												networks of bars, restaurants &amp; clubs</a>
										</li>
										<li>
											<a href="http://www.hyves.nl/school/">Schools</a>
										</li>
										<li>
											<a href="http://www.hyves.nl/college/">Universities</a>
										</li>
										<li>
											<a href="http://www.hyves.nl/club/">Clubs</a>
										</li>
										<li>
											<a href="http://www.hyves.nl/company/">Companies</a>
										</li>
									</ul>
									<br />
								</div>
							</div>
						</div>
						<div class="box">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<span class="box-icon icon icon-whatsnext-3">&nbsp;</span>WhoWhatWhere
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<img alt="WhoWhatWhere" src="homepage.files/whatsnext-www.png"
										align="right" />
									<ul class="bullet">
										<li>
											Share with your friends where you are and what you are doing
											with WhoWhatWhere. Your friends will see this message at the
											&quot;
											<a href="http://www.hyves.nl/friends/whowhatwhere/">Vrienden</a>&quot;-page
											or on their mobile.
										</li>
										<li>
											<a href="http://www.hyves.nl/profilemanage/add/whowhatwhere/">Post</a>
											a WhoWhatWhere here yourself! E.g. drinking @ John's or
											working @ Hustler
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- section s1 -->
					<div class="section s2" id="dndos_right">
						<div class="box homepage-events-member" id="h_903">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<span class="box-icon icon icon-calendar-view-day">&nbsp;</span>Events
									</h2>
									<div class="box-actns">
										<ul>
											<li class=" first">
												<a class="action-text" id="a_2248f399"
													href="http://www.hyves.nl/friends/events/">Events from
													your friends</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="event-list">
										<h3>
											Events in
										</h3>
									</div>
									<div class="calendar-small">
										<table cellspacing="0">
											<caption>
												<a
													href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;month=10&amp;year=2009">&lt;&lt;</a>
												<span>Nov 2009</span>
												<a
													href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;month=12&amp;year=2009">&gt;&gt;</a>
											</caption>
											<thead>
												<tr>
													<th>
														S
													</th>
													<th>
														M
													</th>
													<th>
														T
													</th>
													<th>
														W
													</th>
													<th>
														T
													</th>
													<th>
														F
													</th>
													<th>
														S
													</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=1&amp;month=11&amp;year=2009&amp;visibility=5">1</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=2&amp;month=11&amp;year=2009&amp;visibility=5">2</a>
													</td>
													<td class="ev                    cr">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=3&amp;month=11&amp;year=2009&amp;visibility=5">3</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=4&amp;month=11&amp;year=2009&amp;visibility=5">4</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=5&amp;month=11&amp;year=2009&amp;visibility=5">5</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=6&amp;month=11&amp;year=2009&amp;visibility=5">6</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=7&amp;month=11&amp;year=2009&amp;visibility=5">7</a>
													</td>
												</tr>
												<tr>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=8&amp;month=11&amp;year=2009&amp;visibility=5">8</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=9&amp;month=11&amp;year=2009&amp;visibility=5">9</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=10&amp;month=11&amp;year=2009&amp;visibility=5">10</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=11&amp;month=11&amp;year=2009&amp;visibility=5">11</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=12&amp;month=11&amp;year=2009&amp;visibility=5">12</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=13&amp;month=11&amp;year=2009&amp;visibility=5">13</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=14&amp;month=11&amp;year=2009&amp;visibility=5">14</a>
													</td>
												</tr>
												<tr>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=15&amp;month=11&amp;year=2009&amp;visibility=5">15</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=16&amp;month=11&amp;year=2009&amp;visibility=5">16</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=17&amp;month=11&amp;year=2009&amp;visibility=5">17</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=18&amp;month=11&amp;year=2009&amp;visibility=5">18</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=19&amp;month=11&amp;year=2009&amp;visibility=5">19</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=20&amp;month=11&amp;year=2009&amp;visibility=5">20</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=21&amp;month=11&amp;year=2009&amp;visibility=5">21</a>
													</td>
												</tr>
												<tr>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=22&amp;month=11&amp;year=2009&amp;visibility=5">22</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=23&amp;month=11&amp;year=2009&amp;visibility=5">23</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=24&amp;month=11&amp;year=2009&amp;visibility=5">24</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=25&amp;month=11&amp;year=2009&amp;visibility=5">25</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=26&amp;month=11&amp;year=2009&amp;visibility=5">26</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=27&amp;month=11&amp;year=2009&amp;visibility=5">27</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=28&amp;month=11&amp;year=2009&amp;visibility=5">28</a>
													</td>
												</tr>
												<tr>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=29&amp;month=11&amp;year=2009&amp;visibility=5">29</a>
													</td>
													<td class="ev">
														<a
															href="http://www.hyves.nl/index.php?l1=local&amp;l2=events&amp;l3=home&amp;local=0&amp;day=30&amp;month=11&amp;year=2009&amp;visibility=5">30</a>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="gadgets-gadget-parent" id="gadget-parent"></div>
					</div>
					<!-- section s2 -->
				</div>
				<!-- wrapper w8 -->
				<div class="hr">
					<hr />
				</div>
				<div class="wrapper w4">
					<div class="section s1">
						<div class="box homepage-groups-member">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<span class="box-icon icon icon-group">&nbsp;</span>
										<a href="http://www.hyves.nl/hyves/">Hyves (${groupList.size() })</a>
									</h2>
									<div class="box-actns">
										<ul>
											<li class=" first">
												Most active
											</li>
											<li>
												<a class="action-text" href="http://www.hyves.nl/hyves/">All
													my hyves</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<ul class="avatar-list" id="group-li">
											<s:iterator value="groupList" id="g">
												<li>
													<div class="avatar large">
														<a class="avatar-link" title="${g.name }"
															href="<%=basePath %>/group/view?id=${g.id }"><img
																class="avatar-img mediaicon14" alt="${g.name }"
																src="<%=basePath %>/images/group-header/${g.groupHeader }" />
														</a>
														<p class="avatar-name">
															<a href="<%=basePath %>/group/view?id=${g.id }">${g.name }</a></br>(${g.groupUserShip.size() }) 
														</p>
													</div>
												</li>
											</s:iterator>
											<s:if test="#g.groupUserShip.size==0">
												<p>
													您还没有加入任何群组
													<a href="http://www.hyves.nl/hyves/fromfriendsgroup/">看看朋友们的群组</a>,
													<a href="http://www.hyves.nl/hyves/biggest/">最热门的群组</a> 您还可以
													<a href="<%=basePath %>/group/create">创建一个自己的群组</a>!
												</p>
											</s:if>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- section s1 -->
				</div>
				<!-- wrapper w4 -->
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-body -->
			<div id="page-con-ftr">
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-ftr -->
		</div>

		<jsp:include page="/site/common/footer.jsp" />
	</body>
</html>